﻿<html>

<head>
	<title></title>
	<meta charset="utf-8">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, minimum-scale=1">
	<link rel="stylesheet" type="text/css" href="starability-minified/starability-all.min.css" />
	<script>
		document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
	</script>
	<link rel="stylesheet" type="text/css" href="css/reset.css?v=20190222">
	<link rel="stylesheet" type="text/css" href="css/index1.css?v=20190222">
	<link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
</head>

<body ontouchstart>
	<div class='loadings'>
		<div>
			<span></span>正在加载...
		</div>
	</div>
	<div id='loadings'>
		<div class="load_contant">
			<div class="sk-folding-cube">
				<div class="sk-cube1 sk-cube"></div>
				<div class="sk-cube2 sk-cube"></div>
				<div class="sk-cube4 sk-cube"></div>
				<div class="sk-cube3 sk-cube"></div>
			</div>
			<div class="loading-text">Loading...</div>
			<div class="load_pic"></div>
		</div>
		<div class="load_xun">
			<div class="xun_pic">
				<div class="pic_container"></div>
			</div>
			<div class="load_text">
				加载中
			</div>
		</div>
	</div>
	<!--地图容器-->
	<div id="mapContainer"></div>
	<!-- <div class="gSearch">
        <span>目的地</span>
        <input type="text" readonly="readonly">
    </div> -->
	<!-- 放大缩小模块 -->
	<div class="scale">
		<div class="biger" onclick="biger()">
		</div>
		<div class="smaller" onclick="smaller()">
		</div>
		<div class="mark" onclick="showMark()"></div>
	</div>
	<!--3D切换模块-->
	<div class="map_toggle">
		<div class="zhinan"></div>
		<div class="map_three" onclick="mapToggle()">3D</div>
	</div>
	<!--//设置模块-->
	<div class="setPoint">
		<div class="toper">
			<div class="left">
				<p class="pointName"></p>
				<p class="pointFloor"></p>
			</div>
			<div class="right">
				<div class="setEnd" onclick="setEnd()">
				</div>
				<div class="setStart" onclick=" setStart() ">
				</div>

			</div>
		</div>
		<div class="share" onclick="share(1)">
			<span class="share_icon"></span>
			<span class="share_content">发送位置给好友</span>
		</div>
	</div>
	<!--分享模块-->
	<div class="shares">
		<div class="share_top clearfix">
			<div class="share_icon share_icon1" onclick="shareTimeline()" id="shareMessage">朋友圈</div>
			<div class="share_icon share_icon2" onclick="shareMessage()" id="shareTimeline">微信好友</div>
			<div class="share_icon share_icon3" onclick="shareQQ()" id="shareQQ">QQ好友</div>
		</div>
		<div class="quxiao" onclick="share(2)">取消</div>
	</div>
	<div class="share_shade" onclick="noShow()">
		<div class="arrows"></div>
		<div class="neirong">
			<div class="gesture">
				点击右上角分享到
			</div>
			<div class="share_pic share_weixin">朋友圈</div>
		</div>
	</div>
	<!--模拟导航页面-->
	<div class="mo_daohang">
		<audio autoplay preload id="mo_yuyin" class="mo_yuyin"></audio>
		<div class="mo_toper">
			<div class="center_box">
				<div class="center_box_pic">
					<div class="mo_pic">
					</div>
				</div>
				<div class="center_box_text">
					<span class="mo_text"></span>
				</div>
			</div>
		</div>
		<!-- <div class="mo_footerS"></div> -->
		<div class="mo_footerE"></div>
	</div>
	<div class="mo_tishi">
		<div class="mo_left">
			<span onclick="moClose()"></span>
		</div>
		<div class="mo_center" onclick="mo_goOn()">正在导航</div>
		<div class="mo_right">
			<span onclick="yuyin(this)"></span>
		</div>
	</div>
	<!-- 模拟导航结束页 -->
	<div class="mo_end">
		<div class="mo_end_text">你已到达目的地</div>
		<div class="mo_end_message">
			<div>
				<p class="mo_end_q">
				</p>
				<p class="mo_end_z">
				</p>
			</div>
			<p>
				距离
				<span class="mo_distance"></span>米 耗时
				<span class="mo_end_time"></span>秒</p>
		</div>
		<div class="mo_end_rank">
			<div class="starability-container">
				<form>
					<legend>给本次导航打分
						<span class="mo_end_close" onclick="moEndClose()"></span>
					</legend>
					<fieldset class="starability-basic">
						<input type="radio" id="rate1-1" name="rating" value="1" />
						<label for="rate1-1" title="Terrible"></label>
						<input type="radio" id="rate2-1" name="rating" value="2" />
						<label for="rate2-1" title="Not good"></label>
						<input type="radio" id="rate3-1" name="rating" value="3" />
						<label for="rate3-1" title="Average"></label>
						<input type="radio" id="rate4-1" name="rating" value="4" />
						<label for="rate4-1" title="Very good"></label>
						<input type="radio" id="rate5-1" name="rating" value="5" />
						<label for="rate5-1" title="Amazing"></label>
					</fieldset>
				</form>
			</div>
			<div class="mo_end_tips">
				<button class="taptap">体验流畅</button>
				<button class="taptap">贴心提示</button>
				<button class="taptap">定位不准</button>
				<button class="taptap">信息有误</button>
			</div>
			<div class="mo_end_textarea">
				<textarea class="mo_end_textaabb" name="" id="" placeholder="其他想说的"></textarea>
			</div>
			<div class="mo_end_btn">
				<button onclick="moEndSend()">提交</button>
			</div>
		</div>

	</div>
	<div class="thanks_tips">感谢反馈</div>
	<!--//显示搜索模块-->
	<div class="operation">
		<div class="inputLeft">
			<span></span>
		</div>
		<div class="inputRight">
			<div class="selectPoint">
				<input type="text" id="startPoint" onfocus="searchHtml(1)">
			</div>
			<div class="selectPoint">
				<input type="text" id="endPoint" onfocus="searchHtml(1)">
			</div>
		</div>
		<div class="reverse" onclick="reverse()"></div>
		<div class="goback" onclick="goback()"></div>
	</div>
	<!--寻路-->
	<div class="setPoint1">
		<div class="tishi">
		</div>
		<div class="daohang">
			<button class="go" disabled='disabled' onclick="go()" type="button">开始导航</button>
			<button class=mogo disabled='disabled' onclick='mogo()' type="button">模拟导航</button>
		</div>
	</div>
	<!-- 新楼层切换模块 -->
	<div class="floorToggle">
	</div>
	<div class="floorToggleUlBox">
		<i class="floorToggleUl_i" id="floorToggleUl_iT"></i>
		<div class="floorToggleUl">

		</div>
		<i class="floorToggleUl_i" id="floorToggleUl_iB"></i>
	</div>
	<div class="floorToggleMinUl">
	</div>
	<!--//楼层切换模块-->
	<div class="changeF swiper-container swiper-container1">
		<ul class="swiper-wrapper swiper-wrapper1">
		</ul>
	</div>
	<div class="inputName">
		<div class="swiper-container swiper-container3">
		</div>
	</div>


	<!-- 提示信息模块 -->
	<div class="message">
		<div class="waiting">
			正在加载地图,请稍候...
		</div>
		<div class="looking">
			<span class="look_text"></span>
		</div>
		<div class="helpMsg">
		</div>
	</div>
	<!-- 指南针 -->
	<div class="compass">
	</div>

	<!-- 搜索页面 -->
	<div class="gSearch">
		<span onclick="searchBack()" id="searchSpan"></span>
		<input type="text" onfocus="goSearch(this)" id="text" onblur="this.placeholder='输入关键字搜索'" placeholder='输入关键字搜索'>
		<div class="searchBtn" onclick="searchBtn()">搜索</div>
	</div>
	<div class="main">
		<div class="main_search">
			<div class='main_container'>
				<div class="hot_search">
					<div class="hot_title">
						热门搜索
					</div>
					<div class="hot_contant">
					</div>
				</div>
				<div class="his_search">
					<div class="his_title">
						<span class="his_left">历史记录</span>
						<span class="his_right" onclick="clearHistory()">清空历史记录</span>
					</div>
					<div class="his_list">
						<ul>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="navigationCompletedPopUps">
		已完成导航
	</div>
	<script type="text/javascript" src="./js/jquery-3.2.1.min.js"></script>
	<script src="./js/map.min.js"></script>
	<!--<script src="https://map.ckiosk.cn/APIDOC/map.min.js"></script> -->
	<script src="./js/swiper-4.1.0.min.js"></script>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="./js/config.js?v=20190222"></script>
	<script type="text/javascript" src="./js/index.js?v=20190222"></script>
	<script type="text/javascript" src="./js/wxshare.js?v=20190222"></script>
	<script type="text/javascript" src="./js/jQuery.speech.min.js"></script>

</body>

</html>